import BScroll from "better-scroll";
//设置横向滚动的方法，函数表达式
/**
 * 
 * @param {vue组件实例} that 
 * @param {横向滚动的容器} wrapper 
 * @param {横向滚动的内容区} content 
 * @param {滚动项的数目} num 
 * @param {滚动列表项的宽度，rem} itemWidth 
 */
function betterScrollHorizontal(that, wrapper, content, num, itemWidth) {
    //动态设置内容区域的宽度
    content.style.width = num * itemWidth + "rem";
    that.$nextTick(() => {
        //wrapper为template中容器的ref，表示给那些元素来设置滚动
        that.scroll = new BScroll(wrapper, {
            scrollY: false,  //关闭纵向滚动
            scrollX: true,   //横向滚动
            startX: 0,       //横向滚动开始位置
            click: true,    //允许click事件
        });
    });
}

export { betterScrollHorizontal };